@media screen and (min-width: 1200px) {
    h1 {
        color: blue;
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
    h1 {
        color: red;
    }
}

@media screen and (min-width:768px) and (max-width: 979px) {
    h1 {
        color: yellow;
    }
}

@media screen and (min-width:480px) and (max-width: 797px) {
    h1 {
        color: green;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        color: black;
    }
}